<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@include file="../common/jspcommon.jsp"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<%@include file="../common/jscss.jsp" %>
<title><c:choose><c:when test="${category == '01'}">晒货 - </c:when><c:when test="${category == '02'}">搞怪 - </c:when><c:when test="${category == '03'}">试用 - </c:when><c:when test="${category == '04'}">麻豆 - </c:when><c:when test="${category == '05'}">生活 - </c:when><c:when test="${category == '06'}">其他 - </c:when></c:choose>画报 - 果果街</title>
<script type="text/javascript">
	$(function() {
		//分页方法
		$("#pager").pager({
			pagenumber : "${pageModel.currentPage}",
			pagecount : "${pageModel.totalPage}",
			buttonClickCallback : function(page) {
				location.href = "picg.htm?cg=${category }&type=${type }&page="+page;
			}
		});
		//图片加载完之后给div赋值样式
	  	$('.hbShowInfo').masonry({
    		itemSelector : '.hbShowInfoFor'
	  	});
	});
</script>
</head>
<body>
<!--<c:forEach items="${ptList }" var="p">
	<a href="picg.htm?cg=${category }&type=${type }&topic=${p.identifier }">${p.name }</a>|
</c:forEach>
-->
<%@include file="../common/header.jsp" %>
<div class="wraper">

        
        <div class="thirdHBWraper">
        	<div class="commonHeaderBg">
                    <img src="imgs/cornerlt_content_q.png" title="" class="commonLeftTopBg" />
                    <img src="imgs/cornerrt_content_q.png" title="" class="commonRightTopBg" />
            </div>
            <ul>
            	<c:choose>
            		<c:when test="${category == '01'}">
            			<li><a class="currentCheckLink">晒货</a></li>
            		</c:when>
            		<c:otherwise>
            			<li><a href="picg.htm?cg=01">晒货</a></li>
            		</c:otherwise>
            	</c:choose>
            	<li class="thirdHBLiStyle"><img src="imgs/hotHBDetailPic13.png" /></li>
            	<c:choose>
            		<c:when test="${category == '02'}">
            			<li><a class="currentCheckLink">搞怪</a></li>
            		</c:when>
            		<c:otherwise>
            			<li><a href="picg.htm?cg=02">搞怪</a></li>
            		</c:otherwise>
            	</c:choose>
            	<li class="thirdHBLiStyle"><img src="imgs/hotHBDetailPic13.png" /></li>
            	<c:choose>
            		<c:when test="${category == '03'}">
            			<li><a class="currentCheckLink">试用</a></li>
            		</c:when>
            		<c:otherwise>
            			<li><a href="picg.htm?cg=03">试用</a></li>
            		</c:otherwise>
            	</c:choose>
            	<li class="thirdHBLiStyle"><img src="imgs/hotHBDetailPic13.png" /></li>
            	<c:choose>
            		<c:when test="${category == '04'}">
            			<li><a class="currentCheckLink">麻豆</a></li>
            		</c:when>
            		<c:otherwise>
            			<li><a href="picg.htm?cg=04">麻豆</a></li>
            		</c:otherwise>
            	</c:choose>
            	<li class="thirdHBLiStyle"><img src="imgs/hotHBDetailPic13.png" /></li>
            	<c:choose>
            		<c:when test="${category == '05'}">
            			<li><a class="currentCheckLink">生活</a></li>
            		</c:when>
            		<c:otherwise>
            			<li><a href="picg.htm?cg=05">生活</a></li>
            		</c:otherwise>
            	</c:choose>
            	<li class="thirdHBLiStyle"><img src="imgs/hotHBDetailPic13.png" /></li>
            	<c:choose>
            		<c:when test="${category == '06'}">
            			<li><a class="currentCheckLink">其它</a></li>
            		</c:when>
            		<c:otherwise>
            			<li><a href="picg.htm?cg=06">其它</a></li>
            		</c:otherwise>
            	</c:choose>
            </ul>
            <div class="clear"></div>
            <div class="commonBottomBg">
                    <img src="imgs/cornerlb_content.png" title="" class="commonLeftBottomBg" />
                    <img src="imgs/cornerrb_content.png" title="" class="commonRightBottomBg" />
            </div>
        </div>
        
	<div class="fourHBWraper">
        	<p class="hbTitleShow"><span>排序：</span>
        		<c:choose>
        			<c:when test="${type == 'commend' }">
        				<a href="picg.htm?cg=${category }" class="currentLink">推荐</a>
        				<a href="picg.htm?cg=${category }&type=new">最新</a>
        			</c:when>
        			<c:otherwise>
        				<a href="picg.htm?cg=${category }">推荐</a>
        				<a href="picg.htm?cg=${category }&type=new" class="currentLink">最新</a>
        			</c:otherwise>
        		</c:choose>
        	</p>
            <div class="fourHBNews">
                <ul class="hbShowInfo">
                	<c:forEach items="${pageModel.list }" var="pictorial">
                		<li class="hbShowInfoFor">
                    	<div class="hbShowNewsTop">
                        	<div class="hbShowNewsPhoto"><a target="_blank" href="picdt.htm?id=${pictorial.identifier }"><img src="${pictorial.picList4[0].picUrl }_200xXXX.jpg" height="${pictorial.picList4[0].picHeight }"/></a></div>
                            <div class="morehbPhoto">
                            	<c:forEach items="${pictorial.picList4}" var="doingPictorial" begin="1">
                            		<a target="_blank" href="picdt.htm?id=${pictorial.identifier}">
	                            		<img src="${doingPictorial.picUrl}_100x100.jpg" width="64" height="63"/>
	                            	</a>
                            	</c:forEach>
                            	<c:forEach  begin="${fn:length(pictorial.picList4)}" end="3">
                            		<a target="_blank" class="speStyle" href="picdt.htm?id=${pictorial.identifier}">
	                            	</a>
                            	</c:forEach>
                            </div>
                            <h3><a target="_blank" href="picdt.htm?id=${pictorial.identifier }">${pictorial.title }</a></h3>
                            <p>
                            	<a target="_blank" href="picdt.htm?id=${pictorial.identifier }" class="userPhoto">
                            		<img src="${pictorial.imageServer }${pictorial.avatar }" nickname="${pictorial.nickname }" width="28" height="28"/>
                            	</a>
                            	<span class="hbUserName">
                            		<a target="_blank" nickname="${pictorial.nickname }" href="picdt.htm?id=${pictorial.identifier}">
                            			${pictorial.nickname }
                            		</a>
                            	</span>
                            	<span class="hbCommentResult">
                            		<img src="imgs/hotAblumPic13.png" />
                            		<i><a target="_blank" href="picdt.htm?id=${pictorial.identifier }">${pictorial.viewAmount }人围观</a></i>
                            		<img src="imgs/hotAblumPic14.png" />
                            		<i><a target="_blank" href="picdt.htm?id=${pictorial.identifier }">${pictorial.commentCount }评论</a></i>
                            	</span>
                            </p>
                             <c:if test="${fn:length(pictorial.pictorialTopicList) > 0}">
                            	<p class="ztDCPicContent_y">主题：<c:forEach items="${pictorial.pictorialTopicList}" var="pictorialTopic"><a target="_blank" href="picTopicDetail.htm?tid=${pictorialTopic.identifier}" class="red"><c:out value="${pictorialTopic.name}" /></a></c:forEach></p>
                            </c:if>
                            <div class="clear"></div>
                        </div>
                        <div class="hbShowNewsBottom"></div>     
                    </li>
                	</c:forEach>
                	<div class="clear"></div>
              </ul>
             </div>
             <div class="h_page" id="pager"></div>
             <div class="clear"></div>
    </div>
<%@include file="../common/footer.jsp" %>
</div>
</body>
</html>
